﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="HotelBooking.aspx.cs" Inherits="HAINGUYEN_HOTEL.HotelBooking" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div class="sevice">
        <div class="wrapper">
            <div class="aside maxheight" style="height: 400px;">
                <!-- box begin -->
                <div class="checkavalable " style="height: 398px;">
                    <h3 style="color: #9f224e;">
                        Tìm Phòng</h3>
                    Từ ngày:
                    <asp:TextBox CssClass="datepicker" ID="txtFrom" runat="server" Style="width: 170px"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
                        ClientIDMode="Predictable" ControlToValidate="txtFrom" 
                        ErrorMessage="xin vui lòng chọn ngày đến" Font-Italic="True" ForeColor="Red"></asp:RequiredFieldValidator>
                    <br />
                    Đến ngày:
                    <asp:TextBox CssClass="datepicker" ID="txtTo" runat="server" Style="width: 170px"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 
                        ControlToValidate="txtTo" ErrorMessage="xin vui lòng chọn ngày đi" 
                        Font-Italic="True" ForeColor="Red"></asp:RequiredFieldValidator>
                    <br />
                    Số người:
                    <asp:TextBox ID="txtPerson" runat="server" Style="width: 170px"></asp:TextBox>
                    Số phòng:
                    <asp:TextBox ID="txtRoom" runat="server" Style="width: 170px"></asp:TextBox>
                    <asp:Button ID="Button1" runat="server" Text="Tìm phòng" Style="margin-left: 30px;
                        margin-top: 10px" CssClass="primary" OnClick="Button1_Click" />
                </div>
                <br />
                <br />
                <!-- box end -->
            </div>
            <div class="content">
                <div class="indent">
                    <asp:DataList ID="DataList1" runat="server">
                        <ItemTemplate>
                            dasd<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
                        </ItemTemplate>
                    </asp:DataList>
                    <h2>
                        Hải Nguyên hotel kính chào quí khách</h2>
                    <img class="img-indent png" alt="" src="../Images/Shared/1page-img1.png" />
                    <p class="alt-top">
                        Đi một mình hoặc đi cùng gia đình của bạn, Ở lại một đêm hay nhiều tuần! ở lại trong khi đi công tác hay những buổi hội nghị. Khách sạn của chúng tôi là tốt nhất cho sự lựa chọn của bạn. Hãy liên hệ ngay với chúng tôi, để tận hưởng cảm giác thoải mái nhất trong những ngày nghĩ của ban.</p>
                    <div id="dialog" title="Dialog" style="width: 100%">
                        <p>
                            This dialog was created on document ready event with <code>autoOpen</code> set to
                            <code>false</code>.</p>
                        <p>
                            It was opened by calling <code>.dialog(&quot;open&quot;)</code> method.</p>
                    </div>
                    <input type="button" id="button" value="Hướng dẫn đặt phòng" class="primary">
                    <script type="text/javascript">

                        $(function () {
                            $("#dialog").dialog({
                                autoOpen: false
                            });
                            $("#button").on("click", function () {
                                $("#huongdan").show();
                            });
                        });
                    </script>
                    <div class="clear">
                    </div>
                    <div class="line-hor">
                    </div>
                </div>
            </div>
        </div>
        <div id="huongdan" style="display: none">
            <h3 style="color: #9f224e;">
                Các bước đặt phòng
            </h3>
            <div>
                <span style="margin-top: 5px; color: #9f224e; font-size: 12px">Bước 1: Nhập vào thông
                    tin phòng muốn thuê</span><br />
                <img src="Images/Shared/Huong%20dan/huongdan01.png" width=" 900px" />
                <br />
            </div>
            <div>
                <span style="margin-top: 5px; color: #9f224e; font-size: 12px">Bước 2: Lựa chọn loại
                    phòng, hạng phòng phù hợp với nhu cầu
                    <br />
                    có thể sử dụng chức năng tìm kiếm nâng cao để tìm phòng </span><br />
                <img src="Images/Shared/Huong%20dan/huongdan02.png" width=" 900px" />
                <br />
            </div>
            <div>
                <span style="margin-top: 5px; color: #9f224e; font-size: 12px">Bước 3: Nhấp button chọn
                    phòng</span><br />
                <img src="Images/Shared/Huong%20dan/huongdan03.png" width=" 900px" />
                <br />
            </div>
            <div>
                <span style="margin-top: 5px; color: #9f224e; font-size: 12px">Bước 4: Nhập số lượng
                    phòng muốn Thuê<br />
                </span>
                <img src="Images/Shared/Huong%20dan/huongdan04.png" width=" 900px" />
            </div>
            <br />
            <div>
                <span style="margin-top: 5px; color: #9f224e; font-size: 12px">Bước 5:Thông tin thuê
                    phòng sẽ được hiển thị trên popup<br />
                    Chọn thanh toán.<br />
                </span>
                <img src="Images/Shared/Huong%20dan/huongdan05.png" width=" 900px" />
            </div>
        </div>
    </div>
</asp:Content>
